<!DOCTYPE html>
<html>
    <head>
        <title>demo</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <style>
            body {
                font-family: Monospace;
                background-color: #f0f0f0;
                margin: 0px;
                overflow: hidden;
            }
        </style>
    </head>
    <body>
        <script src="https://cdn.bootcdn.net/ajax/libs/three.js/73/three.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/tween.js/0.11.0/Tween.min.js"></script>
		<script src="https://unpkg.com/three@0.73.1/examples/js/controls/TrackballControls.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/stats.js/10/Stats.min.js"></script>
        <script>

            var jsonstr = '[{"boxId":"94267780101X493","x":-65.900002,"y":-48.000000,"z":-566.750000,"width":58.500000,"height":164.000000,"length":100.000000,"weight":190.500000,"platform":"platform08","order":1,"material":"","type":1,"place":200},{"boxId":"94267780101X492","x":34.099998,"y":-48.000000,"z":-566.750000,"width":58.500000,"height":164.000000,"length":100.000000,"weight":190.500000,"platform":"platform08","order":2,"material":"","type":1,"place":200},{"boxId":"94267780101X501","x":-65.900002,"y":-48.000000,"z":-508.250000,"width":58.500000,"height":164.000000,"length":100.000000,"weight":190.500000,"platform":"platform08","order":3,"material":"","type":1,"place":200},{"boxId":"94267780101X505","x":34.099998,"y":-48.000000,"z":-508.250000,"width":58.500000,"height":164.000000,"length":100.000000,"weight":190.500000,"platform":"platform08","order":4,"material":"","type":1,"place":200},{"boxId":"94267780101W176","x":-65.900002,"y":-48.000000,"z":-449.750000,"width":58.500000,"height":164.000000,"length":100.000000,"weight":190.500000,"platform":"platform08","order":5,"material":"","type":1,"place":200},{"boxId":"94267780101X500","x":34.099998,"y":-48.000000,"z":-449.750000,"width":58.500000,"height":164.000000,"length":100.000000,"weight":190.500000,"platform":"platform08","order":6,"material":"","type":1,"place":200},{"boxId":"94267780101X491","x":-65.900002,"y":-48.000000,"z":-391.250000,"width":58.500000,"height":164.000000,"length":100.000000,"weight":190.500000,"platform":"platform08","order":7,"material":"","type":1,"place":200},{"boxId":"94267780101X504","x":34.099998,"y":-48.000000,"z":-391.250000,"width":58.500000,"height":164.000000,"length":100.000000,"weight":189.500000,"platform":"platform08","order":8,"material":"","type":1,"place":200},{"boxId":"94267780101X499","x":-65.900002,"y":-48.000000,"z":-332.750000,"width":58.500000,"height":164.000000,"length":100.000000,"weight":189.500000,"platform":"platform08","order":9,"material":"","type":1,"place":200},{"boxId":"94267780101X494","x":34.099998,"y":-48.000000,"z":-332.750000,"width":58.500000,"height":164.000000,"length":100.000000,"weight":189.500000,"platform":"platform08","order":10,"material":"","type":1,"place":200},{"boxId":"94267780101Z895","x":-96.400002,"y":42.250000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":8.100000,"platform":"platform08","order":11,"material":"","type":1,"place":100},{"boxId":"94267780101Y175","x":-57.400002,"y":42.250000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":8.050000,"platform":"platform08","order":12,"material":"","type":1,"place":100},{"boxId":"94267780101Y182","x":-18.400000,"y":42.250000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":8.000000,"platform":"platform08","order":13,"material":"","type":1,"place":100},{"boxId":"94267780101Z918","x":20.600000,"y":42.250000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":8.000000,"platform":"platform08","order":14,"material":"","type":1,"place":100},{"boxId":"94267780101Y176","x":-96.400002,"y":58.750000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":8.000000,"platform":"platform08","order":15,"material":"","type":1,"place":100},{"boxId":"94267780101Z894","x":-57.400002,"y":58.750000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":8.000000,"platform":"platform08","order":16,"material":"","type":1,"place":100},{"boxId":"94267780101Y180","x":-18.400000,"y":58.750000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":7.950000,"platform":"platform08","order":17,"material":"","type":1,"place":100},{"boxId":"94267780101Y178","x":20.600000,"y":58.750000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":7.950000,"platform":"platform08","order":18,"material":"","type":1,"place":100},{"boxId":"94267780101Y179","x":-96.400002,"y":75.250000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":7.950000,"platform":"platform08","order":19,"material":"","type":1,"place":100},{"boxId":"94267780101Y181","x":-57.400002,"y":75.250000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":7.950000,"platform":"platform08","order":20,"material":"","type":1,"place":100},{"boxId":"94267780101Z919","x":-18.400000,"y":75.250000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":7.950000,"platform":"platform08","order":21,"material":"","type":1,"place":100},{"boxId":"94267780101Y177","x":20.600000,"y":75.250000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":7.900000,"platform":"platform08","order":22,"material":"","type":1,"place":100},{"boxId":"94267780101Y203","x":-96.400002,"y":91.750000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":6.500000,"platform":"platform08","order":23,"material":"","type":1,"place":100},{"boxId":"94267780101Y204","x":-57.400002,"y":91.750000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":6.500000,"platform":"platform08","order":24,"material":"","type":1,"place":100},{"boxId":"942677801020089","x":-18.400000,"y":91.750000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":6.450000,"platform":"platform08","order":25,"material":"","type":1,"place":100},{"boxId":"942677801020085","x":20.600000,"y":91.750000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":6.450000,"platform":"platform08","order":26,"material":"","type":1,"place":100},{"boxId":"942677801020088","x":-96.400002,"y":108.250000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":6.450000,"platform":"platform08","order":27,"material":"","type":1,"place":100},{"boxId":"94267780101Y199","x":-57.400002,"y":108.250000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":6.450000,"platform":"platform08","order":28,"material":"","type":1,"place":100},{"boxId":"94267780101Y200","x":-18.400000,"y":108.250000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":6.450000,"platform":"platform08","order":29,"material":"","type":1,"place":100},{"boxId":"942677801020087","x":20.600000,"y":108.250000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":6.450000,"platform":"platform08","order":30,"material":"","type":1,"place":100},{"boxId":"94267780101Z630","x":-105.000000,"y":121.099998,"z":-587.349976,"width":17.299999,"height":9.200000,"length":21.799999,"weight":0.350000,"platform":"platform08","order":31,"material":"","type":1,"place":200},{"boxId":"94267780101Z634","x":-83.199997,"y":121.099998,"z":-587.349976,"width":17.299999,"height":9.200000,"length":21.799999,"weight":0.350000,"platform":"platform08","order":32,"material":"","type":1,"place":200},{"boxId":"94267780101Z626","x":-61.400002,"y":121.099998,"z":-587.349976,"width":17.299999,"height":9.200000,"length":21.799999,"weight":0.350000,"platform":"platform08","order":33,"material":"","type":1,"place":200},{"boxId":"94267780101Z624","x":-39.599998,"y":121.099998,"z":-587.349976,"width":17.299999,"height":9.200000,"length":21.799999,"weight":0.350000,"platform":"platform08","order":34,"material":"","type":1,"place":200},{"boxId":"94267780101Z632","x":-17.799999,"y":121.099998,"z":-587.349976,"width":17.299999,"height":9.200000,"length":21.799999,"weight":0.350000,"platform":"platform08","order":35,"material":"","type":1,"place":200},{"boxId":"94267780101Z628","x":4.000000,"y":121.099998,"z":-587.349976,"width":17.299999,"height":9.200000,"length":21.799999,"weight":0.350000,"platform":"platform08","order":36,"material":"","type":1,"place":200},{"boxId":"94267780101Z636","x":25.799999,"y":121.099998,"z":-587.349976,"width":17.299999,"height":9.200000,"length":21.799999,"weight":0.350000,"platform":"platform08","order":37,"material":"","type":1,"place":200},{"boxId":"94267780101Y205","x":-98.650002,"y":121.250000,"z":-565.950012,"width":25.500000,"height":9.500000,"length":34.500000,"weight":1.180000,"platform":"platform08","order":38,"material":"","type":1,"place":200},{"boxId":"942677801020086","x":59.599998,"y":42.250000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":6.450000,"platform":"platform08","order":39,"material":"","type":1,"place":100},{"boxId":"942677801020084","x":59.599998,"y":58.750000,"z":-566.750000,"width":39.000000,"height":16.500000,"length":58.500000,"weight":6.400000,"platform":"platform08","order":40,"material":"","type":1,"place":100},{"boxId":"942677801020781","x":59.599998,"y":78.500000,"z":-566.500000,"width":39.000000,"height":23.000000,"length":59.000000,"weight":8.550000,"platform":"platform08","order":41,"material":"","type":1,"place":100},{"boxId":"942677801020780","x":59.599998,"y":101.500000,"z":-566.500000,"width":39.000000,"height":23.000000,"length":59.000000,"weight":8.400000,"platform":"platform08","order":42,"material":"","type":1,"place":100},{"boxId":"94267780101Z059","x":64.099998,"y":121.500000,"z":-572.000000,"width":48.000000,"height":17.000000,"length":48.000000,"weight":16.299999,"platform":"platform05","order":43,"material":"","type":1,"place":100},{"boxId":"94267840T004963","x":-55.900002,"y":67.250000,"z":-497.000000,"width":80.000000,"height":66.500000,"length":120.000000,"weight":80.000000,"platform":"platform05","order":44,"material":"","type":1,"place":200},{"boxId":"94267780101Z062","x":-91.900002,"y":109.000000,"z":-513.000000,"width":48.000000,"height":17.000000,"length":48.000000,"weight":16.299999,"platform":"platform05","order":45,"material":"","type":1,"place":100},{"boxId":"94267780101Y994","x":-43.900002,"y":109.000000,"z":-513.000000,"width":48.000000,"height":17.000000,"length":48.000000,"weight":11.280000,"platform":"platform05","order":46,"material":"","type":1,"place":100},{"boxId":"94267840T004962","x":44.099998,"y":75.750000,"z":-507.000000,"width":60.000000,"height":83.500000,"length":80.000000,"weight":48.500000,"platform":"platform05","order":47,"material":"","type":1,"place":200},{"boxId":"94267780101Y999","x":-92.900002,"y":49.200001,"z":-434.000000,"width":46.000000,"height":30.400000,"length":46.000000,"weight":28.400000,"platform":"platform05","order":48,"material":"","type":1,"place":100},{"boxId":"94267780101Y998","x":-46.900002,"y":49.200001,"z":-434.000000,"width":46.000000,"height":30.400000,"length":46.000000,"weight":28.400000,"platform":"platform05","order":49,"material":"","type":1,"place":100},{"boxId":"94267780101Y997","x":-92.900002,"y":79.599998,"z":-434.000000,"width":46.000000,"height":30.400000,"length":46.000000,"weight":28.400000,"platform":"platform05","order":50,"material":"","type":1,"place":100},{"boxId":"94267780101Y996","x":-46.900002,"y":79.599998,"z":-434.000000,"width":46.000000,"height":30.400000,"length":46.000000,"weight":28.400000,"platform":"platform05","order":51,"material":"","type":1,"place":100},{"boxId":"94267780101Y995","x":-92.900002,"y":110.000000,"z":-434.000000,"width":46.000000,"height":30.400000,"length":46.000000,"weight":28.400000,"platform":"platform05","order":52,"material":"","type":1,"place":100},{"boxId":"94267780101Z054","x":-46.900002,"y":110.000000,"z":-434.000000,"width":46.000000,"height":30.400000,"length":46.000000,"weight":28.400000,"platform":"platform05","order":53,"material":"","type":1,"place":100},{"boxId":"94267780101Z053","x":-0.900000,"y":49.200001,"z":-434.000000,"width":46.000000,"height":30.400000,"length":46.000000,"weight":23.379999,"platform":"platform05","order":54,"material":"","type":1,"place":100},{"boxId":"94267840T004989","x":-5.150000,"y":81.900002,"z":-438.250000,"width":37.500000,"height":35.000000,"length":37.500000,"weight":7.340000,"platform":"platform16","order":55,"material":"","type":1,"place":100},{"boxId":"94267840T004984","x":52.099998,"y":75.750000,"z":-437.000000,"width":60.000000,"height":83.500000,"length":80.000000,"weight":35.799999,"platform":"platform16","order":56,"material":"","type":1,"place":100},{"boxId":"94267840T004990","x":-86.400002,"y":47.500000,"z":-377.500000,"width":39.000000,"height":27.000000,"length":59.000000,"weight":13.960000,"platform":"platform16","order":57,"material":"","type":1,"place":200},{"boxId":"94267840T004983","x":-60.900002,"y":-99.849998,"z":-248.500000,"width":110.000000,"height":60.299999,"length":110.000000,"weight":111.000000,"platform":"platform16","order":58,"material":"","type":1,"place":100},{"boxId":"942677801021475","x":-67.400002,"y":55.099998,"z":-324.500000,"width":67.000000,"height":42.200001,"length":97.000000,"weight":49.000000,"platform":"platform10","order":59,"material":"","type":1,"place":200},{"boxId":"942677801021476","x":-67.400002,"y":97.300003,"z":-324.500000,"width":67.000000,"height":42.200001,"length":97.000000,"weight":49.000000,"platform":"platform10","order":60,"material":"","type":1,"place":200},{"boxId":"942677801022637","x":-55.900002,"y":-47.700001,"z":-241.000000,"width":100.000000,"height":44.000000,"length":120.000000,"weight":106.000000,"platform":"platform10","order":61,"material":"","type":1,"place":200},{"boxId":"94267780101X482","x":-7.650000,"y":105.250000,"z":-518.250000,"width":22.500000,"height":9.500000,"length":37.500000,"weight":0.940000,"platform":"platform09","order":62,"material":"","type":1,"place":100},{"boxId":"94267780101X473","x":23.350000,"y":122.500000,"z":-519.250000,"width":35.500000,"height":10.000000,"length":38.500000,"weight":2.780000,"platform":"platform09","order":63,"material":"","type":1,"place":200},{"boxId":"94267780101Z463","x":-0.150000,"y":111.150002,"z":-438.750000,"width":36.500000,"height":23.500000,"length":37.500000,"weight":6.550000,"platform":"platform09","order":64,"material":"","type":1,"place":200},{"boxId":"94267780101Z787","x":10.600000,"y":49.500000,"z":-377.500000,"width":39.000000,"height":31.000000,"length":59.000000,"weight":20.900000,"platform":"platform09","order":65,"material":"","type":1,"place":200},{"boxId":"94267780101Z790","x":10.600000,"y":49.500000,"z":-338.500000,"width":39.000000,"height":31.000000,"length":59.000000,"weight":20.850000,"platform":"platform09","order":66,"material":"","type":1,"place":200},{"boxId":"94267780101Z792","x":10.600000,"y":80.500000,"z":-377.500000,"width":39.000000,"height":31.000000,"length":59.000000,"weight":20.850000,"platform":"platform09","order":67,"material":"","type":1,"place":200},{"boxId":"94267780101Z000","x":10.600000,"y":80.500000,"z":-338.500000,"width":39.000000,"height":31.000000,"length":59.000000,"weight":20.799999,"platform":"platform09","order":68,"material":"","type":1,"place":200},{"boxId":"94267780101Z240","x":10.600000,"y":111.500000,"z":-377.500000,"width":39.000000,"height":31.000000,"length":59.000000,"weight":20.500000,"platform":"platform09","order":69,"material":"","type":1,"place":200},{"boxId":"94267780101Z640","x":10.600000,"y":111.500000,"z":-338.500000,"width":39.000000,"height":31.000000,"length":59.000000,"weight":18.299999,"platform":"platform09","order":70,"material":"","type":1,"place":200},{"boxId":"94267780101Z464","x":61.349998,"y":44.250000,"z":-370.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":14.900000,"platform":"platform09","order":71,"material":"","type":1,"place":100},{"boxId":"94267780101Z482","x":61.349998,"y":64.750000,"z":-370.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.800000,"platform":"platform09","order":72,"material":"","type":1,"place":100},{"boxId":"94267780101Z475","x":61.349998,"y":85.250000,"z":-370.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.800000,"platform":"platform09","order":73,"material":"","type":1,"place":100},{"boxId":"94267780101Y909","x":61.349998,"y":105.750000,"z":-370.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.800000,"platform":"platform09","order":74,"material":"","type":1,"place":100},{"boxId":"942677801021503","x":-55.900002,"y":12.050000,"z":-251.000000,"width":80.000000,"height":75.500000,"length":120.000000,"weight":113.000000,"platform":"platform09","order":75,"material":"","type":1,"place":200},{"boxId":"942677801021502","x":-55.900002,"y":87.550003,"z":-251.000000,"width":80.000000,"height":75.500000,"length":120.000000,"weight":91.000000,"platform":"platform09","order":76,"material":"","type":1,"place":200},{"boxId":"94267780101Z478","x":43.549999,"y":-113.449997,"z":-268.750000,"width":69.500000,"height":33.099998,"length":78.900002,"weight":13.160000,"platform":"platform09","order":77,"material":"","type":1,"place":200},{"boxId":"94267780101Z462","x":43.549999,"y":-80.349998,"z":-268.750000,"width":69.500000,"height":33.099998,"length":78.900002,"weight":13.160000,"platform":"platform09","order":78,"material":"","type":1,"place":200},{"boxId":"94267780101Z461","x":43.549999,"y":-47.250000,"z":-268.750000,"width":69.500000,"height":33.099998,"length":78.900002,"weight":13.160000,"platform":"platform09","order":79,"material":"","type":1,"place":200},{"boxId":"94267780101Z477","x":43.549999,"y":-14.150000,"z":-268.750000,"width":69.500000,"height":33.099998,"length":78.900002,"weight":13.160000,"platform":"platform09","order":80,"material":"","type":1,"place":200},{"boxId":"94267780101Z002","x":43.549999,"y":18.950001,"z":-268.750000,"width":69.500000,"height":33.099998,"length":78.900002,"weight":13.160000,"platform":"platform09","order":81,"material":"","type":1,"place":200},{"boxId":"94267780101Z001","x":43.549999,"y":52.049999,"z":-268.750000,"width":69.500000,"height":33.099998,"length":78.900002,"weight":13.160000,"platform":"platform09","order":82,"material":"","type":1,"place":200},{"boxId":"94267780101Z242","x":43.549999,"y":85.150002,"z":-268.750000,"width":69.500000,"height":33.099998,"length":78.900002,"weight":12.640000,"platform":"platform09","order":83,"material":"","type":1,"place":200},{"boxId":"94267780101Z783","x":36.599998,"y":110.449997,"z":-275.000000,"width":57.000000,"height":17.500000,"length":65.000000,"weight":20.950001,"platform":"platform09","order":84,"material":"","type":1,"place":200},{"boxId":"94267780101Z479","x":30.350000,"y":-119.750000,"z":-212.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.800000,"platform":"platform09","order":85,"material":"","type":1,"place":200},{"boxId":"94267780101Z455","x":30.350000,"y":-99.250000,"z":-212.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.800000,"platform":"platform09","order":86,"material":"","type":1,"place":200},{"boxId":"94267780101Z467","x":30.350000,"y":-78.750000,"z":-212.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.800000,"platform":"platform09","order":87,"material":"","type":1,"place":200},{"boxId":"94267780101Z483","x":30.350000,"y":-58.250000,"z":-212.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.800000,"platform":"platform09","order":88,"material":"","type":1,"place":200},{"boxId":"94267780101W273","x":30.350000,"y":-37.750000,"z":-212.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.400000,"platform":"platform09","order":89,"material":"","type":1,"place":200},{"boxId":"94267780101W298","x":30.350000,"y":-17.250000,"z":-212.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.350000,"platform":"platform09","order":90,"material":"","type":1,"place":200},{"boxId":"94267780101W287","x":30.350000,"y":3.250000,"z":-212.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.300000,"platform":"platform09","order":91,"material":"","type":1,"place":200},{"boxId":"94267780101W289","x":30.350000,"y":23.750000,"z":-212.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.300000,"platform":"platform09","order":92,"material":"","type":1,"place":200},{"boxId":"94267780101W295","x":30.350000,"y":44.250000,"z":-212.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.300000,"platform":"platform09","order":93,"material":"","type":1,"place":200},{"boxId":"94267780101W286","x":30.350000,"y":64.750000,"z":-212.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.300000,"platform":"platform09","order":94,"material":"","type":1,"place":200},{"boxId":"94267780101W276","x":30.350000,"y":85.250000,"z":-212.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.300000,"platform":"platform09","order":95,"material":"","type":1,"place":200},{"boxId":"94267780101W275","x":30.350000,"y":105.750000,"z":-212.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.300000,"platform":"platform09","order":96,"material":"","type":1,"place":200},{"boxId":"94267780101W269","x":82.849998,"y":-119.750000,"z":-212.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.300000,"platform":"platform09","order":97,"material":"","type":1,"place":200},{"boxId":"94267780101W274","x":77.849998,"y":-99.250000,"z":-207.750000,"width":42.500000,"height":20.500000,"length":52.500000,"weight":4.300000,"platform":"platform09","order":98,"material":"","type":1,"place":100},{"boxId":"94267780101X307","x":75.349998,"y":-80.250000,"z":-215.750000,"width":36.500000,"height":17.500000,"length":37.500000,"weight":16.219999,"platform":"platform09","order":99,"material":"","type":1,"place":200},{"boxId":"942677801022668","x":-76.449997,"y":-112.400002,"z":-146.149994,"width":70.699997,"height":35.200001,"length":78.900002,"weight":13.880000,"platform":"platform09","order":100,"material":"","type":1,"place":200},{"boxId":"942677801022667","x":-76.449997,"y":-77.199997,"z":-146.149994,"width":70.699997,"height":35.200001,"length":78.900002,"weight":13.880000,"platform":"platform09","order":101,"material":"","type":1,"place":200},{"boxId":"94267780101Z642","x":-76.449997,"y":-42.299999,"z":-146.699997,"width":69.599998,"height":34.599998,"length":78.900002,"weight":12.800000,"platform":"platform09","order":102,"material":"","type":1,"place":200},{"boxId":"94267780101Z641","x":-76.449997,"y":-7.700000,"z":-146.699997,"width":69.599998,"height":34.599998,"length":78.900002,"weight":12.800000,"platform":"platform09","order":103,"material":"","type":1,"place":200},{"boxId":"942677801021504","x":-77.400002,"y":34.700001,"z":-143.000000,"width":77.000000,"height":50.200001,"length":77.000000,"weight":47.500000,"platform":"platform09","order":104,"material":"","type":1,"place":100},{"boxId":"94267780101Z476","x":-83.400002,"y":68.550003,"z":-153.000000,"width":57.000000,"height":17.500000,"length":65.000000,"weight":20.900000,"platform":"platform09","order":105,"material":"","type":1,"place":200},{"boxId":"94267780101Z735","x":-83.400002,"y":86.050003,"z":-153.000000,"width":57.000000,"height":17.500000,"length":65.000000,"weight":20.900000,"platform":"platform09","order":106,"material":"","type":1,"place":200},{"boxId":"94267780101Z460","x":-83.400002,"y":103.550003,"z":-153.000000,"width":57.000000,"height":17.500000,"length":65.000000,"weight":20.799999,"platform":"platform09","order":107,"material":"","type":1,"place":200},{"boxId":"94267780101Z466","x":2.650000,"y":-112.599998,"z":-146.750000,"width":69.500000,"height":34.799999,"length":79.300003,"weight":12.840000,"platform":"platform09","order":108,"material":"","type":1,"place":200},{"boxId":"94267780101Z465","x":2.650000,"y":-77.800003,"z":-146.750000,"width":69.500000,"height":34.799999,"length":79.300003,"weight":12.840000,"platform":"platform09","order":109,"material":"","type":1,"place":200},{"boxId":"94267780101Z241","x":-2.250000,"y":-43.849998,"z":-142.050003,"width":69.500000,"height":33.099998,"length":78.900002,"weight":12.640000,"platform":"platform09","order":110,"material":"","type":1,"place":100},{"boxId":"942677801022763","x":2.500000,"y":-9.800000,"z":-146.500000,"width":70.000000,"height":35.000000,"length":79.000000,"weight":13.500000,"platform":"platform25","order":111,"material":"","type":1,"place":200},{"boxId":"942677801022762","x":2.500000,"y":25.200001,"z":-146.500000,"width":70.000000,"height":35.000000,"length":79.000000,"weight":13.500000,"platform":"platform25","order":112,"material":"","type":1,"place":200},{"boxId":"942677801022757","x":2.500000,"y":60.200001,"z":-146.500000,"width":70.000000,"height":35.000000,"length":79.000000,"weight":13.400000,"platform":"platform25","order":113,"material":"","type":1,"place":200},{"boxId":"942677801022761","x":2.500000,"y":95.199997,"z":-146.500000,"width":70.000000,"height":35.000000,"length":79.000000,"weight":13.400000,"platform":"platform25","order":114,"material":"","type":1,"place":200},{"boxId":"942677801022760","x":77.300003,"y":-112.500000,"z":-142.000000,"width":70.000000,"height":35.000000,"length":79.000000,"weight":13.400000,"platform":"platform25","order":115,"material":"","type":1,"place":100},{"boxId":"942677801022756","x":77.300003,"y":-77.500000,"z":-142.000000,"width":70.000000,"height":35.000000,"length":79.000000,"weight":13.400000,"platform":"platform25","order":116,"material":"","type":1,"place":100},{"boxId":"942677801022934","x":77.300003,"y":-42.500000,"z":-142.000000,"width":70.000000,"height":35.000000,"length":79.000000,"weight":12.300000,"platform":"platform25","order":117,"material":"","type":1,"place":100},{"boxId":"942677801022932","x":77.300003,"y":-7.500000,"z":-142.000000,"width":70.000000,"height":35.000000,"length":79.000000,"weight":12.300000,"platform":"platform25","order":118,"material":"","type":1,"place":100},{"boxId":"942677801022931","x":77.300003,"y":27.500000,"z":-142.000000,"width":70.000000,"height":35.000000,"length":79.000000,"weight":12.300000,"platform":"platform25","order":119,"material":"","type":1,"place":100},{"boxId":"942677801022933","x":77.300003,"y":62.500000,"z":-142.000000,"width":70.000000,"height":35.000000,"length":79.000000,"weight":12.300000,"platform":"platform25","order":120,"material":"","type":1,"place":100},{"boxId":"942677801022728","x":77.300003,"y":97.500000,"z":-142.000000,"width":70.000000,"height":35.000000,"length":79.000000,"weight":12.300000,"platform":"platform25","order":121,"material":"","type":1,"place":100},{"boxId":"942677801022727","x":-58.900002,"y":-2.500000,"z":32.000000,"width":114.000000,"height":255.000000,"length":269.000000,"weight":336.000000,"platform":"platform25","order":122,"material":"","type":1,"place":100},{"boxId":"942677801022726","x":55.099998,"y":-2.500000,"z":32.000000,"width":114.000000,"height":255.000000,"length":269.000000,"weight":336.000000,"platform":"platform25","order":123,"material":"","type":1,"place":100},{"boxId":"942677801022747","x":-16.350000,"y":-20.000000,"z":189.000000,"width":45.000000,"height":220.000000,"length":199.100006,"weight":146.000000,"platform":"platform25","order":124,"material":"","type":1,"place":200},{"boxId":"942677801022746","x":-16.350000,"y":-20.000000,"z":234.000000,"width":45.000000,"height":220.000000,"length":199.100006,"weight":146.000000,"platform":"platform25","order":125,"material":"","type":1,"place":200},{"boxId":"942677801022743","x":-76.400002,"y":107.500000,"z":201.500000,"width":70.000000,"height":35.000000,"length":79.000000,"weight":10.200000,"platform":"platform25","order":126,"material":"","type":1,"place":200},{"boxId":"942677801022742","x":2.600000,"y":107.500000,"z":201.500000,"width":70.000000,"height":35.000000,"length":79.000000,"weight":10.200000,"platform":"platform25","order":127,"material":"","type":1,"place":200},{"boxId":"942677801022719","x":-46.900002,"y":-52.500000,"z":275.500000,"width":38.000000,"height":155.000000,"length":138.000000,"weight":66.000000,"platform":"platform25","order":128,"material":"","type":1,"place":200},{"boxId":"942677801022718","x":-46.900002,"y":-52.500000,"z":313.500000,"width":38.000000,"height":155.000000,"length":138.000000,"weight":66.000000,"platform":"platform25","order":129,"material":"","type":1,"place":200},{"boxId":"942677801022717","x":-46.900002,"y":-52.500000,"z":351.500000,"width":38.000000,"height":155.000000,"length":138.000000,"weight":66.000000,"platform":"platform25","order":130,"material":"","type":1,"place":200},{"boxId":"942677801022716","x":-46.900002,"y":-52.500000,"z":389.500000,"width":38.000000,"height":155.000000,"length":138.000000,"weight":66.000000,"platform":"platform25","order":131,"material":"","type":1,"place":200},{"boxId":"942677801022723","x":-100.400002,"y":30.000000,"z":331.500000,"width":31.000000,"height":10.000000,"length":150.000000,"weight":7.300000,"platform":"platform25","order":132,"material":"","type":1,"place":100},{"boxId":"942677801022722","x":-100.400002,"y":40.000000,"z":331.500000,"width":31.000000,"height":10.000000,"length":150.000000,"weight":7.300000,"platform":"platform25","order":133,"material":"","type":1,"place":100},{"boxId":"942677801022721","x":-100.400002,"y":50.000000,"z":331.500000,"width":31.000000,"height":10.000000,"length":150.000000,"weight":7.300000,"platform":"platform25","order":134,"material":"","type":1,"place":100},{"boxId":"942677801022720","x":-100.400002,"y":60.000000,"z":331.500000,"width":31.000000,"height":10.000000,"length":150.000000,"weight":7.300000,"platform":"platform25","order":135,"material":"","type":1,"place":100},{"boxId":"942677801022730","x":48.599998,"y":-66.500000,"z":311.500000,"width":53.000000,"height":127.000000,"length":110.000000,"weight":47.000000,"platform":"platform25","order":136,"material":"","type":1,"place":100},{"boxId":"942677801022729","x":48.599998,"y":60.500000,"z":311.500000,"width":53.000000,"height":127.000000,"length":110.000000,"weight":47.000000,"platform":"platform25","order":137,"material":"","type":1,"place":100},{"boxId":"942677801022751","x":-60.900002,"y":-66.500000,"z":435.000000,"width":53.000000,"height":127.000000,"length":110.000000,"weight":46.500000,"platform":"platform25","order":138,"material":"","type":1,"place":200},{"boxId":"942677801022750","x":-60.900002,"y":60.500000,"z":435.000000,"width":53.000000,"height":127.000000,"length":110.000000,"weight":46.500000,"platform":"platform25","order":139,"material":"","type":1,"place":200},{"boxId":"942677801022725","x":-15.900000,"y":-123.000000,"z":482.000000,"width":41.000000,"height":14.000000,"length":200.000000,"weight":11.000000,"platform":"platform25","order":140,"material":"","type":1,"place":200},{"boxId":"942677801022724","x":-15.900000,"y":-109.000000,"z":482.000000,"width":41.000000,"height":14.000000,"length":200.000000,"weight":11.000000,"platform":"platform25","order":141,"material":"","type":1,"place":200},{"boxId":"942677801022749","x":-15.900000,"y":-95.000000,"z":482.000000,"width":41.000000,"height":14.000000,"length":200.000000,"weight":11.000000,"platform":"platform25","order":142,"material":"","type":1,"place":200},{"boxId":"942677801022748","x":-15.900000,"y":-81.000000,"z":482.000000,"width":41.000000,"height":14.000000,"length":200.000000,"weight":11.000000,"platform":"platform25","order":143,"material":"","type":1,"place":200},{"boxId":"942677801022753","x":-15.900000,"y":-67.000000,"z":482.000000,"width":41.000000,"height":14.000000,"length":200.000000,"weight":11.000000,"platform":"platform25","order":144,"material":"","type":1,"place":200},{"boxId":"942677801022752","x":-15.900000,"y":-53.000000,"z":482.000000,"width":41.000000,"height":14.000000,"length":200.000000,"weight":11.000000,"platform":"platform25","order":145,"material":"","type":1,"place":200},{"boxId":"94267780101L422","x":-85.400002,"y":-24.400000,"z":483.750000,"width":44.500000,"height":43.200001,"length":61.000000,"weight":30.250000,"platform":"platform04","order":146,"material":"","type":1,"place":200},{"boxId":"94267780101L418","x":-85.400002,"y":18.799999,"z":483.750000,"width":44.500000,"height":43.200001,"length":61.000000,"weight":29.850000,"platform":"platform04","order":147,"material":"","type":1,"place":200},{"boxId":"942677801020788","x":-91.150002,"y":55.400002,"z":480.250000,"width":37.500000,"height":30.000000,"length":49.500000,"weight":2.700000,"platform":"platform04","order":148,"material":"","type":1,"place":200},{"boxId":"942677801020779","x":-91.150002,"y":85.400002,"z":480.250000,"width":37.500000,"height":30.000000,"length":49.500000,"weight":2.650000,"platform":"platform04","order":149,"material":"","type":1,"place":200},{"boxId":"94267780101L417","x":-55.900002,"y":-96.750000,"z":546.000000,"width":80.000000,"height":66.500000,"length":120.000000,"weight":50.400002,"platform":"platform04","order":150,"material":"","type":1,"place":200},{"boxId":"94267780101L421","x":-55.900002,"y":-30.250000,"z":546.000000,"width":80.000000,"height":66.500000,"length":120.000000,"weight":49.599998,"platform":"platform04","order":151,"material":"","type":1,"place":200},{"boxId":"942677801020776","x":-85.900002,"y":44.750000,"z":546.000000,"width":60.000000,"height":83.500000,"length":80.000000,"weight":40.000000,"platform":"platform04","order":152,"material":"","type":1,"place":100},{"boxId":"942677801020789","x":-25.900000,"y":44.750000,"z":546.000000,"width":60.000000,"height":83.500000,"length":80.000000,"weight":40.000000,"platform":"platform04","order":153,"material":"","type":1,"place":100},{"boxId":"94267780101L420","x":-82.150002,"y":104.750000,"z":550.750000,"width":67.500000,"height":36.500000,"length":89.500000,"weight":28.400000,"platform":"platform04","order":154,"material":"","type":1,"place":100},{"boxId":"942677801020782","x":-17.150000,"y":105.000000,"z":534.500000,"width":57.000000,"height":37.000000,"length":62.500000,"weight":11.500000,"platform":"platform04","order":155,"material":"","type":1,"place":200},{"boxId":"94267780101L415","x":57.849998,"y":-89.500000,"z":535.250000,"width":58.500000,"height":81.000000,"length":87.500000,"weight":100.000000,"platform":"platform04","order":156,"material":"","type":1,"place":200},{"boxId":"94267780101L419","x":57.849998,"y":-8.500000,"z":535.250000,"width":58.500000,"height":81.000000,"length":87.500000,"weight":100.000000,"platform":"platform04","order":157,"material":"","type":1,"place":200},{"boxId":"942677801020777","x":46.099998,"y":64.099998,"z":536.750000,"width":61.500000,"height":64.199997,"length":64.000000,"weight":32.000000,"platform":"platform04","order":158,"material":"","type":1,"place":200},{"boxId":"942677801020778","x":46.599998,"y":104.949997,"z":534.500000,"width":57.000000,"height":17.500000,"length":65.000000,"weight":8.250000,"platform":"platform04","order":159,"material":"","type":1,"place":200}]';
			var jsonstr2 = '{"container_length":1192.000000,"container_width":231.800003,"container_height":260.000000,"container_max_load":null,"container_type_name":"40HQ"}'
            var objectArray= JSON.parse(jsonstr);
			var truckJsonObj = JSON.parse(jsonstr2);
            var container, stats;
            var camera, controls, scene, projector, renderer;
            var objects = [], plane;
            var mouse = new THREE.Vector2(), offset = new THREE.Vector3(), INTERSECTED, SELECTED; 
            init();
            animate();
            function init() {
                container = document.createElement( 'div' );
                document.body.appendChild( container );
                camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 10000 );
                camera.position.x = -600;
                camera.position.y = 400;
                camera.position.z = 1000;
                controls = new THREE.TrackballControls( camera );
                controls.rotateSpeed = 1.0;
                controls.zoomSpeed = 1.2;
                controls.panSpeed = 0.8;
                controls.noZoom = false;
                controls.noPan = true;
                controls.staticMoving = false;
                controls.dynamicDampingFactor = 0.3;
                scene = new THREE.Scene();
                var ambientLight = new THREE.AmbientLight( Math.random() *0xffffff );
                scene.add( ambientLight );
                var directionalLight = new THREE.DirectionalLight( Math.random() * 0xffffff );
                directionalLight.position.set( 0, 1, 0 );
                scene.add( directionalLight );
                var pointLight = new THREE.PointLight( 0xff0000, 1, 500 );
                pointLight.position.set( 0, 0, -200 );
                scene.add( pointLight );

                container_length = truckJsonObj.container_length;
                container_width = truckJsonObj.container_width;
                container_height = truckJsonObj.container_height;
                var cube_1 = new THREE.Mesh(
                    new THREE.BoxGeometry( container_width, container_height, container_length, 1,1,1 ), 
                    new THREE.MeshBasicMaterial( { color:0xefb73e, wireframe:true } )
                );
                cube_1.position.x = 0;
                cube_1.position.y = 0;
                cube_1.position.z = 0;
                scene.add( cube_1 );

                truck_head_length = 145;
                var truck_head_1 = new THREE.Mesh(
                    new THREE.BoxGeometry( 200, 100, truck_head_length, 1, 1, 5 ), 
                    new THREE.MeshBasicMaterial( { color: 0xffffff, wireframe:true } )
                );
                truck_head_1.position.x = 0;
                truck_head_1.position.y = -50;
                truck_head_1.position.z = -(container_length/2 + truck_head_length/2);
                scene.add( truck_head_1 );
                
                truck_head_length_2 = 80;
                var truck_head_2 = new THREE.Mesh(
                    new THREE.BoxGeometry( 170, 60, truck_head_length_2, 1, 0, 5 ), 
                    new THREE.MeshBasicMaterial( { color: 0xffffff, wireframe:true } )
                );
                truck_head_2.position.x = 0;
                truck_head_2.position.y = 30;
                truck_head_2.position.z = -(container_length/2 + truck_head_length_2/2);
                scene.add( truck_head_2 );
                
                truck_head_chimney_radius = 7;
                var truck_head_chimney1 = new THREE.Mesh(
                    new THREE.CylinderGeometry( truck_head_chimney_radius, truck_head_chimney_radius, 300, 20 ), 
                    new THREE.MeshBasicMaterial( { color:0xffffff, wireframe:true } )
                );
                truck_head_chimney1.position.x = 100;
                truck_head_chimney1.position.y = 50;
                truck_head_chimney1.position.z = -(container_length/2 + truck_head_chimney_radius/2);
                scene.add( truck_head_chimney1 );
                
                var truck_head_chimney2 = new THREE.Mesh(
                    new THREE.CylinderGeometry( truck_head_chimney_radius, truck_head_chimney_radius, 300, 20 ), 
                    new THREE.MeshBasicMaterial( { color:0xffffff, wireframe:true } )
                );
                truck_head_chimney2.position.x = -100;
                truck_head_chimney2.position.y = 50;
                truck_head_chimney2.position.z = -(container_length/2 + truck_head_chimney_radius/2);
                scene.add( truck_head_chimney2 );
        
                var truck_wheel_1 = new THREE.Mesh(new THREE.CylinderGeometry( 50, 50, 20, 50 ), 
                    new THREE.MeshBasicMaterial( { color:0xffffff, wireframe:true } )
                );
                truck_wheel_1.position.x = 110;
                truck_wheel_1.position.y = -100;
                truck_wheel_1.position.z = -(container_length/2 + truck_head_length_2/2 + 20) ;
                truck_wheel_1.rotation.x = 0;
                truck_wheel_1.rotation.y = 0;
                truck_wheel_1.rotation.z = 1.6;
                scene.add( truck_wheel_1 );
                
                var truck_wheel_2 = new THREE.Mesh(new THREE.CylinderGeometry( 50, 50, 20, 50 ), 
                    new THREE.MeshBasicMaterial( { color:0xffffff, wireframe:true } )
                );
                truck_wheel_2.position.x = -110;
                truck_wheel_2.position.y = -100;
                truck_wheel_2.position.z = -(container_length/2 + truck_head_length_2/2 + 20);
                truck_wheel_2.rotation.x = 0;
                truck_wheel_2.rotation.y = 0;
                truck_wheel_2.rotation.z = 1.6;
                scene.add( truck_wheel_2 );

                offset_2 = -240;
                var truck_wheel_5 = new THREE.Mesh(new THREE.CylinderGeometry( 50, 50, 20, 50 ), 
                    new THREE.MeshBasicMaterial( { color:0xffffff, wireframe:true } )
                );
                truck_wheel_5.position.x = container_width/2 + 5;
                truck_wheel_5.position.y = -100;
                truck_wheel_5.position.z = (container_length/2 + truck_head_length_2/2 + offset_2) ;
                truck_wheel_5.rotation.x = 0;
                truck_wheel_5.rotation.y = 0;
                truck_wheel_5.rotation.z = 1.6;
                scene.add( truck_wheel_5 );

                var truck_wheel_6 = new THREE.Mesh(new THREE.CylinderGeometry( 50, 50, 20, 50 ), 
                    new THREE.MeshBasicMaterial( { color:0xffffff, wireframe:true } )
                );
                truck_wheel_6.position.x = -container_width/2 - 5;
                truck_wheel_6.position.y = -100;
                truck_wheel_6.position.z = (container_length/2 + truck_head_length_2/2 + offset_2);
                truck_wheel_6.rotation.x = 0;
                truck_wheel_6.rotation.y = 0;
                truck_wheel_6.rotation.z = 1.6;
                scene.add( truck_wheel_6 );

                for (var i in objectArray) {
                    if (objectArray[i].type==2) {
						var cylinderTopR = objectArray[i].length / 2;
						var cylinderHeight = objectArray[i].height;
						if (objectArray[i].place == 1 || objectArray[i].place == 2)
						{
							cylinderHeight = objectArray[i].width;
						}
						
                        var object2 = new THREE.Mesh(
						    new THREE.CylinderGeometry(cylinderTopR, cylinderTopR, cylinderHeight, 60),
                            new THREE.MeshBasicMaterial( { color: Math.random() * 0xffffff , wireframe:false } ) 
                        ); 
                        object2.position.x = objectArray[i].x;
                        object2.position.y = objectArray[i].y;
                        object2.position.z = objectArray[i].z;
                        if (objectArray[i].place==1) {
                            object2.rotation.z = 55;
                        }
                        if (objectArray[i].place==2) {
                            object2.rotation.x = 55;
                        }
                        object2.width = objectArray[i].width;
                        object2.height = objectArray[i].height;
                        object2.length = objectArray[i].length;
                        object2.weight = objectArray[i].weight;
                        object2.platform = objectArray[i].platform;
                        object2.order = objectArray[i].order;
                        object2.materialInfo = objectArray[i].material;
                        object2.boxId = objectArray[i].boxId;
                        object2.type = objectArray[i].type;
                        object2.place = objectArray[i].place;
                        scene.add( object2 );
                        objects.push( object2 );
                    }
                    if (objectArray[i].type==1) {
						if (objectArray[i].place == 200)
						{
							var box_length = objectArray[i].width;
                            var box_width = objectArray[i].length;
						}
						else
						{
							var box_length = objectArray[i].length;
							var box_width = objectArray[i].width;
						}
						var box_height = objectArray[i].height;
                        var object = new THREE.Mesh(
                            new THREE.BoxGeometry( box_width, box_height, box_length, 1, 1, 1 ), 
                            new THREE.MeshBasicMaterial( { color: Math.random() * 0xffffff , wireframe:false } ) 
                        ); 
                        object.position.x = objectArray[i].x;
                        object.position.y = objectArray[i].y;
                        object.position.z = objectArray[i].z;
						object.length = objectArray[i].length;
						object.width = objectArray[i].width;
						object.height = objectArray[i].height;
                        object.weight = objectArray[i].weight;
                        object.platform = objectArray[i].platform;
                        object.order = objectArray[i].order;
                        object.materialInfo = objectArray[i].material;
                        object.boxId = objectArray[i].boxId;
                        object.type = objectArray[i].type;
                        object.place = objectArray[i].place;
                        scene.add( object );
                        objects.push( object );
                    }
                }

                plane = new THREE.Mesh(
                    new THREE.PlaneGeometry( 2000, 2000, 8, 8 ),
                    new THREE.MeshBasicMaterial( { color: 0x000000, opacity: 0.25, transparent: true, wireframe: true } )
                );
                plane.visible = true;
                scene.add( plane );
                projector = new THREE.Projector();
                renderer = new THREE.WebGLRenderer( { antialias: true } );
                renderer.sortObjects = false;
                renderer.setSize( window.innerWidth, window.innerHeight );
                renderer.shadowMapEnabled = true;
                renderer.shadowMapType = THREE.PCFShadowMap;
                container.appendChild( renderer.domElement );

                stats = new Stats();
                stats.domElement.style.position = 'absolute';
                stats.domElement.style.top = '0px';
                container.appendChild( stats.domElement );

                window.addEventListener( 'resize', onWindowResize, false );
                renderer.domElement.addEventListener( 'mousemove', onDocumentMouseMove, false );
                renderer.domElement.addEventListener( 'mousedown', onDocumentMouseDown, false );
                renderer.domElement.addEventListener( 'mouseup', onDocumentMouseUp, false );
            }

            function onDocumentMouseMove( event ) {
                event.preventDefault();
                mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
                mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
                var vector = new THREE.Vector3( mouse.x, mouse.y, 0.5 );
                projector.unprojectVector( vector, camera );
                var raycaster = new THREE.Raycaster( camera.position, vector.sub( camera.position ).normalize() );
                var intersects = raycaster.intersectObjects( objects );
                if ( intersects.length > 0 ) {
                    if ( INTERSECTED != intersects[ 0 ].object ) {
                        INTERSECTED = intersects[ 0 ].object;
                        plane.position.copy( INTERSECTED.position );
                        plane.lookAt( camera.position );
                    }
                    container.style.cursor = 'pointer';
                } else {
                    container.style.cursor = 'auto';
                }
            }

            function onDocumentMouseDown( event ) {
                event.preventDefault();
                var vector = new THREE.Vector3( mouse.x, mouse.y, 0.5 );
                projector.unprojectVector( vector, camera );
                var raycaster = new THREE.Raycaster( camera.position, vector.sub( camera.position ).normalize() );
                var intersects = raycaster.intersectObjects( objects );
                if ( intersects.length > 0 ) {
                    controls.enabled = false;  
                    SELECTED = intersects[ 0 ].object;
                    var info = '<B>' + 
                        'boxId: ' + SELECTED.boxId +
                        '</br> x: ' + SELECTED.position.x + 
                        '</br> y: ' + SELECTED.position.y + 
                        '</br> z: ' + SELECTED.position.z + 
                        '</br> width: ' + SELECTED.width + 
                        '</br> height: ' + SELECTED.height + 
                        '</br> length: ' + SELECTED.length + 
                        '</br> weight: ' + SELECTED.weight +
                        '</br> platform: ' + SELECTED.platform +
                        '</br> order: ' + SELECTED.order +
                        '</br> material: ' + SELECTED.materialInfo + 
                        '</br> type: ' + SELECTED.type + 
                        '</br> place: ' + SELECTED.place + 
                        '</B>' +
                        '</br>' + 
                        '--------------------------' + 
                        '</br>' +
                        'type(1:箱体 2:圆柱体)' +
                        '</br>' +
                        'place(1:品字型 2:田字型)';
                    $("#objectInfo").html(info);
                }
            }

            function onDocumentMouseUp( event ) {
                event.preventDefault();
                controls.enabled = true;
                if ( INTERSECTED ) {
                    plane.position.copy( INTERSECTED.position );
                    SELECTED = null;
                }
                container.style.cursor = 'auto';
            }

            function onWindowResize() {
                camera.aspect = window.innerWidth / window.innerHeight;
                camera.updateProjectionMatrix();
                renderer.setSize( window.innerWidth, window.innerHeight );
            }

            function animate() {
                requestAnimationFrame( animate );
                render();
                stats.update();
            }

            function render() {
                controls.update();
                renderer.render( scene, camera );
            }

        </script>
        <div id="objectInfo" class="a2"><br/>点击物体获取相关属性</div>
        <style>
            .a2{position:absolute; left:20px; top:50px; bottom:0px; width:180px; height:250px; z-index:9999; background: #00FFFF; font-weight:bold; }
        </style>
    </body>
</html>